草庐IT

iphone - UIView animateWithDuration 只做一次动画

全部标签

javascript - d3j蛇弯曲路径动画

我有兴趣尝试创建一个受控的弯曲路径。有没有办法绘制特定的坐标和样式来模仿这种设计。我把它想象成一种2DDonnieDarko时间隧道或slinkey/snake。更新1-旅程路径1http://jsfiddle.net/0ht35rpb/241/更新2-旅程2**我用stroke-linecap:round--http://jsfiddle.net/0ht35rpb/243/赋予了它更柔和的外观更新3-旅程3http://jsfiddle.net/0ht35rpb/245/^我已经开始创建多条路径线-好好组织一下,这样更容易制作/控制--本质上,旅程需要包括要通过的关键大门和拐Angu

javascript - 页面在 iPhone 中存在虚拟键盘时向上滚动

我的网站上有一个聊天应用程序页面。主容器在移动设备上占据完整的高度和宽度。容器有position:fixed和里面的3个divposition:absolute。最后一个div#app-msg-composer有一个textarea并像其他聊天应用程序一样在其中发送button。以下是简要代码:Send#app-container{position:fixed;height:100%;width:100%;top:0px;bottom:0px;}#app-header{position:absolute;height:48px;width:100%;top:0px;}#app-body

javascript - 在 iPhone 网络应用程序上捏/缩放后如何获得视口(viewport)比例?

有谁知道如何在用户捏合或双击以放大/缩小JavaScript页面后获取视口(viewport)的大小(以像素为单位)或比例值?我尝试过使用window.innerWidth,但结果好坏参半。有时它似乎准确地给出了视口(viewport)显示的像素数,但是,如果我在页面上放大然后做一个大的捏来缩小,window.innerWidth将在600-700左右,即使它只是显示页面的~200px。该页面只有400像素宽,并且没有显示当您缩小到超过页面大小时看到的方格背景“您做得太过分了”。如果我稍微捏一下来放大和缩小,window.innerWidth似乎工作得很好。不幸的是,我不能指望用户只做

javascript - jQuery Tab 淡入淡出动画

我已经实现了jQuery选项卡,并使用不透明技术淡出一个选项卡,然后淡入另一个选项卡。我想让第二个图像淡出第一个图像,然后隐藏第一个图像。这样选项卡后面的背景将不会显示。请指教。当前的jQuery代码:$(function(){$('#web-select').tabs({fx:{opacity:'toggle',duration:'fast'}});}); 最佳答案 您上面的代码将在1.6UI中工作,但在1.7.2UI版本中尝试以下操作:$('#web-select').tabs('option','fx',{opacity:'t

javascript - Safari iphone/ipad "mouse hover"在之前的链接被 javascript 替换后的新链接上

在您点击iphone或ipad上的链接后,它会留下模拟鼠标悬停,触发该链接上的a:hovercss样式。如果该链接具有使您保持在同一页面上的javascript处理程序,悬停状态将不会改变,直到您单击另一个链接。如果您有一个提问的ajax小部件并且每个答案都是链接,这会变得很奇怪。当您触摸其中一个答案时,它会以悬停状态突出显示,然后当问题和答案被新的问题和答案替换(使用javascript)时,出现在与先前答案相同位置的新答案具有其悬停状态自动触发。我想防止这种情况发生在新的答案链接上。有什么方法(也许是javascript中的某些东西)可以给我与“悬停”不再位于该元素上方相同的结果?

javascript - iPhone Safari 下拉菜单中的“下一步”不会触发更改事件

我正在尝试为移动safari做一个直接的级联下拉菜单。我在safari本身中有100%的工作,它显示了正常的样式下拉菜单。但是移动safari下拉菜单有一个“下一步”按钮。点击此下一个按钮会将您带到级联中的下一个下拉菜单并触发onchange()-因此下一个下拉菜单是空的。用户被迫按下“完成”以触发更改,然后单击下一个下拉菜单。有没有人知道解决这个问题的方法。或者移动safari的''下一个'触发了什么DOM事件? 最佳答案 从一开始就禁用第二个下拉菜单是目前为止我发现的唯一解决方法!它将禁用iPhone上的“下一步”按钮将禁用属性

javascript - 找出哪个 CSS 属性正在被 jQuery 动画化

我看到$element.is(':animated')告诉我$element是否正在设置动画,但是否可以查看哪些css属性正在设置动画。 最佳答案 是的,将step函数传递给animate()调用可以让您找出正在通过fx.prop设置动画的属性。以下是jQueryAPI文档中的示例:$('li').animate({opacity:.5,height:'50%'},{step:function(now,fx){vardata=fx.elem.id+''+fx.prop+':'+now;$('body').append(''+data

javascript - 如何使用 RequireJS 只加载和运行一次模块

我的应用程序上有一个通用模块,它从远程服务器检索数据,并有get方法将检索到的数据导出到其他模块。让我们假设这个模块的名字是MyData:define([],function(){returnfunction(opts){vardata=null;//gogetdatawithajaxvargetData=function(){$.ajax("getData").done(function(response){data=response;});};getData();//returnpublicapiif(arguments.length!==0){varmethod=argument

javascript - 动画形状内的 KineticJS 点击检测

好吧,我承认我试图变得聪明:我认为如果我覆盖Shape的drawFunc属性,我可以简单地在矩形内绘制任何内容,并且仍然使用KineticJS的点击检测。这是我的尝试:varshape=newKinetic.Shape({drawFunc:function(context){varid=26;//Idofaregioninsidecompositeimage.context.beginPath();context.rect(0,0,w,h);context.closePath();this.fill(context);this.stroke(context);context.drawI

javascript - 如何从浏览器剪贴板 api 获取动画 gif 图像?

我正在测试以下代码,当我复制动画gif并将其粘贴到网页时,我在控制台中看到了image/png-而不是image/gif符合预期。为什么?document.onpaste=function(event){console.log(event.clipboardData.items[1]['type']);//'image/png'};如何匹配gif图片?你可以在这个jsfiddle测试它与this例如gif图片。 最佳答案 CF_GIF剪贴板格式很少使用。大多数应用仅将图像作为CF_BITMAP、CF_ENHMETAFILE或CF_D